<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/style.css">
    <title>「鬼滅の刃」</title>
</head>
<body>
    <!-- header -->
    <div id="header">
        <div class="logo">
            <a href="index.html"><img src="images/logo.png" alt="logo"></a>
        </div>
        <ul class="nav">
            <li><a href="index.html" id="n1">首页</a></li>
            <li class="line"></li>
            <li><a href="opusinfo.html" id="n2">原著</a></li>
            <li class="line"></li>
            <li><a href="#" id="n3">动漫</a></li>
            <li class="line"></li>
            <li><a href="#" id="n4">现任柱</a></li>
            <li class="line"></li>
            <li><a href="#n_img" id="n5">最新情報</a></li>
            <li class="line"></li>
            <li><a href="#n_goods" id="n6">商品情報</a></li>
            <li class="line"></li>
            <li><a href="#" id="n7">十二鬼月</a></li>
            <li class="line"></li>
            <li class="end"><a href="roleinfo.html" id="n8">角色介绍</a></li>
            <li class="login"><a href="login.html">入营</a></li>
            <li class="login_line"></li>
            <li class="login new_login"><a href="#">加入鬼杀队</a></li>
        </ul>
        <hr>
    </div>

    <!-- banner -->
    <div id="banner">
        <img src="images/banner.jpg" alt="banner">
    </div>

    <!-- new_img -->
    <div id="new_img">
        <a href="index.html" id="n_img"><img src="images/title_news.png" alt="new_img"></a>
    </div>

    <!-- content -->
    <div id="content">
        <ul class="content_in">
            <li class="box_left">
                <div class="box_in">
                    <div class="img"><img src="images/con_01.png" alt="con_01"></div>
                    <div class="text">
                        <p>
                            [恶魔毁灭的盛宴] 无限列车篇， “恶魔毁灭的盛宴” 游郭篇 蓝光 &DVD 发布决定 ！ 夹克插图和发布公告PV发布！ 
                        </p>
                        <p class="time">2022.12.14</p>
                    </div>
                </div>
            </li>
            <li class="box_middle">
                <div class="box_in">
                    <div class="img"><img src="images/con_02.jpg" alt="con_02"></div>
                    <div class="text">
                        <p>
                            预售票将于12月24日（星期六）开始发售！ “世界巡演放映”恶魔毁灭之刃“上弦集结，到刀匠之乡” 
                        </p>
                        <p class="time">2022.12.14</p>
                    </div>
                </div>
            </li>
            <li class="box_right">
                <div class="box_in">
                    <div class="img"><img src="images/con_03.jpg" alt="con_03"></div>
                    <div class="text">
                        <p>
                            在世界各地的舞台问候决定举行！ “世界巡演放映”恶魔毁灭之刃“上弦集结，到刀匠之乡” 
                        </p>
                        <p class="time">2022.12.14</p>
                    </div>
                </div>
            </li>
        </ul>
    </div>


    <!-- new_goods -->
    <div id="new_goods">
        <a href="index.html" id="n_goods"><img src="images/title_goods.png" alt="new_goods"></a>
    </div>

    <!-- store -->
    <div id="store">
        <ul>
            <li class="goods">
                <div class="cover">
                    <div class="store_img"><img src="images/goods_01.jfif" alt="goods"></div>
                    <div class="store_info">
                        <p> 模切垫 - 吉野冈， 不朽的川美雅 - </p>
                    </div>
                </div>
            </li>
            <li class="goods_left">
                <div class="cover">
                    <div class="store_img"><img src="images/goods_02.jfif" alt="goods"></div>
                    <div class="store_info">
                        <p> 毛绒玩具 - 风柱，圆柱体，岩柱 - </p>
                    </div>
                </div>
            </li>
            <li class="goods_right">
                <div class="cover">
                    <div class="store_img"><img src="images/goods_03.jfif" alt="goods"></div>
                    <div class="store_info">
                        <p> 霍鲁多图迷你 - 库罗蒙·科吉罗·库雷库·苏苏罗 - </p>
                    </div>
                </div>
            </li>
            <li class="goods">
                <div class="cover">
                    <div class="store_img"><img src="images/goods_04.jfif" alt="goods"></div>
                    <div class="store_info">
                        <p> 浴巾 - 时透无一郎 · 尖叫的玉马 - </p>
                    </div>
                </div>
            </li>
            <li class="goods">
                <div class="cover">
                    <div class="store_img"><img src="images/goods_05.jfif" alt="goods"></div>
                    <div class="store_info">
                        <p> 穆基姆基老鼠的一点抓地道图 </p>
                    </div>
                </div>
            </li>
            <li class="goods_left">
                <div class="cover">
                    <div class="store_img"><img src="images/goods_06.jfif" alt="goods"></div>
                    <div class="store_info">
                        <p> 穆基姆基老鼠肌肉垫 </p>
                    </div>
                </div>
            </li>
            <li class="goods_right">
                <div class="cover">
                    <div class="store_img"><img src="images/goods_07.jfif" alt="goods"></div>
                    <div class="store_info">
                        <p> 圆垫 - 炼狱阿苏罗·乌希米·滕本 - </p>
                    </div>
                </div>
            </li>
            <li class="goods">
                <div class="cover">
                    <div class="store_img"><img src="images/goods_08.jfif" alt="goods"></div>
                    <div class="store_info">
                        <p> 吉野洋子的日轮剑 </p>
                    </div>
                </div>
            </li>
        </ul>
    </div>

    <!-- footer -->
    <div id="footer">
        <hr>
        <dl>
            <dt><img src="images/footer_nav.png" alt="footer_nav"></dt>
            <dd><a href="index.html" id="end">到页面顶部</a></dd>
        </dl>
        <ul class="aniplex">
            <li class="jump"><img src="images/footer_jump.jpg" alt="jump"></li>
            <li><img src="images/footer_aniplex.jpg" alt="aniplex"></li>
        </ul>
        <ul class="share">
            <li class="share_left"><a href="#">SHARE</a></li>
            <li><a href="https://www.bilibili.com/">Bilibili</a></li>
            <li><a href="#">&nbsp;WeChat</a></li>
            <li><a href="#">Email</a></li>
        </ul>
        <div class="footer_text">
            <p>生活虽然不易，但也很幸福，不过人生就像天空一样，有四季更替，时刻都在变化</p>
            <p>不会一直晴空万里，也不会一直大雪纷飞->&copy;<a href="#" title="李如意">lry</a></p>
        </div>
        <div class="space">
            <p><img src="images/space.svg" alt="space"></p>
            <p>中国大陆</p>
        </div>
    </div>
    <div id="fly">
        <img src="images/roleinfo-bg.png" alt="fly">
    </div>
</body>
</html>